let skill_per = document.querySelector('.skill-per');
let skills = document.querySelector('.skills')

let i = 0;
let step = skills.offsetWidth / 100;
let percent = 0;


let interval = setInterval(function() {
    i = i + step;
    percent++;
    if (i === skills.offsetWidth) {
        clearInterval(interval)
    }
    skill_per.style.width = i + 'px';
    skill_per.style.maxWidth = i + 'px';
    skill_per.setAttribute('per', percent + "%")
}, 50);